// @main-theme: #00d7c0;
@main-theme: #1890ff;
@font-color: #414a50;
@second-font-color: #61686c;
@third-font-color: #9fa3b0;
@placeholder-color: #414a50;
@border-color: #e0e0e0;
@header-bar-height: 50px;
html,body{
  color: @font-color;
}

//Colors
// lighten()  sass颜色函数
@brand-primary : 		#22a3df;
@brand-primary-light : 	lighten(@brand-primary, 20%);
@brand-primary-dark : 	darken(@brand-primary, 20%);
@brand-success:         #5cb85c;
@brand-info:            #5bc0de;
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;

//Grays
@gray-darker:           lighten(#000, 13.5%); // #222
@gray-dark:             lighten(#000, 20%);   // #333
@gray:                  lighten(#000, 33.5%); // #555
@gray-light:            lighten(#000, 60%);   // #999
@gray-lighter:          lighten(#000, 93.5%); // #eee

//Basic Colors
@white-color : 			#FFFFFF;
@black-color: 			#000000;

//Font Styling & Sizing
@font-stack : 			'Open Sans', Tahoma, Arial;

@font-size-base:        14px; //Important To Be 14px For FontAwesome Rendering
@font-size-large:       ceil((@font-size-base * 1.25)); // ~18px
@font-size-xlarge:      ceil((@font-size-base * 1.79)); // ~25px
@font-size-small: 		ceil((@font-size-base * 0.85)); // ~12px

@weight-light: 			300;
@weight-normal: 		400;
@weight-semibold: 		600;
@weight-bold: 			700;

@font-size-h1:          floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:          floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:          ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:          ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:          @font-size-base;
@font-size-h6:          ceil((@font-size-base * 0.85)); // ~12px


//For RTL, Use It For Floatation
@left: left;
@right: right;


//Ready Borders "Define The Average Size Of The Template Borders"
@border : 1px solid @gray;
@borderLight : 1px solid @gray-light;
@borderDark : 1px solid @gray-dark;